<template>
    <div class="visual_left">
        <div class="visual_box">
            <div class="visual_title">
                <span>交通流量</span>
                <img src="../../assets/images/bigdata/ksh33.png">
            </div>
            <Main1/>
        </div>
        <div class="visual_box">
            <div class="visual_title">
                <span>交通工具流量</span>
                <img src="../../assets/images/bigdata/ksh33.png">
            </div>
            <Main2/>
        </div>
        <div class="visual_box">
            <div class="visual_title">
                <span>收费站车流量</span>
                <img src="../../assets/images/bigdata/ksh33.png">
            </div>
            <div class="visual_chart1 sfzcll">
                <a>运输方式</a>
                <a>客运量</a>
                <a>货运量</a>
                <div class="sfzcll_pos_box">
                    <div class="sfzcll_box" v-for="index of 3" :key="index">
                        <img class="sfzcll_bkJk" src="../../assets/images/bigdata/ksh34.png">
                        <img class="sfzcll_bkJk" src="../../assets/images/bigdata/ksh34.png">
                        <img class="sfzcll_bkJk" src="../../assets/images/bigdata/ksh34.png">
                        <img class="sfzcll_bkJk" src="../../assets/images/bigdata/ksh34.png">
<!--                        <div class="box">-->
<!--                            <div style="margin-top: 0;">-->
<!--                                <img src="../../assets/images/bigdata/ksh35.png">-->
<!--                                公路运输-->
<!--                            </div>-->
<!--                        </div>-->

<!--                        <div class="sfzcll_smallBk">-->
<!--                            <div class="ygl">-->
<!--                                <span>4347.2万</span>人-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="sfzcll_smallBk">-->
<!--                            <div class="ygh">-->
<!--                                <span>4347.2万</span>人-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="clear"></div>-->
                    </div>
                </div>

            </div>
        </div>
    </div>
</template>

<script>
    import Main1 from "./charts/Main1";
    import Main2 from "./charts/Main2";
    export default {
        components: {Main2, Main1}
    }
</script>

<style scoped>
    @import "../../assets/css/visual.css";
</style>